body{
background-color:#fffcff;
		font-family:"Baskerville Old Face",Times New Roman,Microsoft Sans Serif;
}
h2{
	margin-left:50px;
	font:Agency FB;
	text-align:center;
	color:#0000c4;
}
.main{
	width:35%;
	height:45%;
	background-color:#6a5acd;
	padding:25px;
	margin:10em auto;
	box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14);
}
 form.form1 {
        padding-top: 40px;
    }
	.uname{
	    width: 80%;
    color: rgb(38, 50, 56);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    background: #e9caff;
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    outline: none;
    box-sizing: border-box;
    border: 2px solid rgba(0, 0, 0, 0.02);
    margin-bottom: 50px;
    margin-left: 46px;
    text-align: center;
    margin-bottom: 27px;
    font-family: 'Ubuntu', sans-serif;
	}
	.pass {
            width: 80%;
    color: rgb(38, 50, 56);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    background: #e9caff;
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    outline: none;
    box-sizing: border-box;
    border: 2px solid rgba(0, 0, 0, 0.02);
    margin-bottom: 50px;
    margin-left: 46px;
    text-align: center;
    margin-bottom: 27px;
    font-family: 'Ubuntu', sans-serif;
    }
	.submit1{
		
        border-radius: 2em;
        color: #8ffeee;
        background: linear-gradient(to right, #9C27B0, #E040FB);
        border: 2px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-left:5%;
		font-size: 18px;
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04);
		width:35%;
		
    }
		.submit{
        color: #8ffeee;
        background: blue;
        border: 2px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-left:5%;
		font-size: 18px;
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04);
		width:35%;
    }
	.can{
		color: #8ffeee;
        background: red;
	}
	.ok{
		color: #8ffeee;
        background: blue;
	}
		
.logo{

	width:100%;
	height:20%;
	
	}
.logo img{
	float:left;

}
.novbar1{
  overflow: hidden;
  background-color: blue;
  text-align: left;
	}
.novbar1 a {
  float: left;
  font-size: 16px;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
}
/* The dropdown container */
.dropdown {
  float: left;
 
}
/* Dropdown button */
.dropdown .dropbtn {
  cursor: pointer;
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}


/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
.summary{
	background-color:#0000c4;
	height:100%;
	width:35%;
}